<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Wanghao | 登陆注册表单</title>	
		<link rel="stylesheet" href="css/style.css">
	</head>
	<body>			
		<div class="container right-panel-active">
		      <!-- Sign Up -->
		      <div class="container__form container--signup">
		        <form action="#" class="form" id="form1">
		          <h2 class="form__title">Sign Up</h2>
		          <input type="text" placeholder="User" class="input" />
		          <input type="email" placeholder="Email" class="input" />
		          <input type="password" placeholder="Password" class="input" />
		          <button class="btn">Sign Up</button>
		        </form>
		      </div>
		
		      <!-- Sign In -->
		      <div class="container__form container--signin">
		        <form action="#" class="form" id="form2">
		          <h2 class="form__title">Sign In</h2>
		          <input type="email" placeholder="Email" class="input" />
		          <input type="password" placeholder="Password" class="input" />
		          <a href="https://blog.csdn.net/qq_44273429" class="link">Forgot your password?</a>
		          <button class="btn">Sign In</button>
		        </form>
		      </div>
		
		      <!-- Overlay -->
		      <div class="container__overlay">
		        <div class="overlay">
		          <div class="overlay__panel overlay--left">
		            <button class="btn" id="signIn">Sign In</button>
		          </div>
		          <div class="overlay__panel overlay--right">
		            <button class="btn" id="signUp">Sign Up</button>
		          </div>
		        </div>
		      </div>
		    </div>	
	</body>
	<script src="js/script.js"></script>
</html>
